$(function () {
    // alert('ok')

    /* 一，获取用户信息，渲染数据 */
    getserInfo()



    //* 二，点击退出，跳转到登录页 */
    $('#logout').on('click', function () {
        layer.confirm('你确定退出吗？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //清除本地存储
            localStorage.removeItem('token')
            location.href = "/login.html"

            layer.close(index);
        });
    })



})
// 变成全局函数，相当于window的方法
function getserInfo() {
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        // 设置请求头，携带token值
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // },
        success(res) {
            if (res.status !== 0) {
                return layui.layer.msg(res.message, {
                    icon: 5
                })
            }
            // console.log(res);
            // 渲染数据
            render(res.data)
        },
        // 不管请求失败还是成功，都会调用
        // complete(xhr) {
        //     // console.log(xhr);
        //     // 判断 status 的值是不是等于1 并且 message 认证是否成功
        //     if (xhr.responseJSON.status === 1 && xhr.responseJSON.message === '身份认证失败！') {
        //         localStorage.removeItem('token')
        //         location.href = '/login.html'
        //     }
        // }
    })
}

// 渲染函数
function render(userInfo) {
    //判断有没有昵称如果有就用 nickname 否则用 username
    var name = userInfo.nickname ? userInfo.nickname : userInfo.username
    $('#welcome').html(`欢迎${name}`)

    // 渲染头像，如果用户上传头像就用用户的头像，否则用户name名字大写
    if (userInfo.user_pic !== null) {
        // 有头像
        $('.layui-nav-img').prop('src', userInfo.user_pic).show()
        $('.text-avatar').hide()
    } else {
        // wu
        var first = name[0].toUpperCase()
        $('.text-avatar').html(first).show()
        $('.layui-nav-img').hide()
    }

}